# 使用官方 Node.js 镜像作为基础镜像
FROM node:16 AS build

# 设置工作目录
WORKDIR /app

# 将 package.json 和 package-lock.json 复制到工作目录
COPY ./frontend-teacher/package*.json ./

# 安装依赖
RUN npm install --only=production

# 复制整个项目文件到容器中
COPY ./frontend-teacher ./

# 构建 React 应用
RUN npm run build

# 使用轻量级的 nginx 镜像来提供构建好的文件
FROM nginx:alpine

# 删除默认的 nginx 配置文件
RUN rm -rf /usr/share/nginx/html/*

# 复制构建好的文件到 nginx 的默认路径
COPY --from=build /app/build /usr/share/nginx/html

# 复制自定义的 nginx 配置文件
COPY ./nginx.conf /etc/nginx/nginx.conf

# 暴露 80 端口
EXPOSE 80

# 启动 nginx 服务
CMD ["nginx", "-g", "daemon off;"]
